<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
@include('layouts.common.head')
<!-- Fonts -->
    <!-- Styles -->

    <link href="{{ asset('static/css/home/base.css') }}" rel="stylesheet">
    <link href="{{asset('static/css/common.css')}}" rel="stylesheet" type="text/css">

</head>
<body>
<div id="app">
    @include('layouts.nav')
    @include('home.other_top_nav')
    <style>
        .search-button {
            float: left;
            font-size: 18px;
            color: #fff;
            border: 1px solid #00ae66;
            font-style: normal;
            background: #00ae66;
            cursor: pointer;
            padding-left: 40px;
            padding-right: 40px;
            line-height: 50px;
            margin-top: -1px
        }
    </style>
    <div class="main home">
        <h1 class="title">百万工作，<span style="color: #000">任你挑选</span></h1>

        <div class="search-box">
            <form action="{{url('/job')}}" method="get" id="search-form">
                <input type="text" class="search-input" name="key" placeholder="请输入职位名／公司名 进行搜索"/>
                <i class="layui-icon layui-icon-search search-button">搜索</i>
            </form>
        </div>
    </div>
    <div class="list layui-row">
        <div class="left">
            <div class="left-title">热门招聘</div>
            <div class="left-tip">关 注 度 最 高</div>
            <div class="groom">
                <p>
                    <a href="{{url('/job')}}?c=301">消防工程师</a>
                    <em class="line"></em>
                    <a href="{{url('/job')}}?c=302">消防设计师</a>
                </p>

                <p>
                    <a href="{{url('/job')}}?c=303">消防维保员</a>
                    <em class="line"></em>
                    <a href="{{url('/job')}}?c=304">消防检测员</a>
                </p>

                <p>
                    <a href="{{url('/job')}}?c=305">消防负责人</a>
                    <em class="line"></em>
                    <a href="{{url('/job')}}?c=306">消防安全员</a>
                </p>

            </div>
        </div>
        <div class="content">
            @if($recommend1->first())
                @foreach($recommend1 as $item)
                    <div class="item" data-url="{{url('job/info',[$item->id])}}">
                        <div class="item-title ellipsis">{{$item->jobs_name}}</div>
                        <p class="ellipsis">
                            <span>{{$item->city_cn}}</span>
                            <em class="line"></em>

                            <span>{{!$item->experience?'经验不限':$cache['_experience'][$item->experience]}}</span>
                            <em class="line"></em>
                            <span>{{$item->amount?$item->amount.'位':'若干'}}</span>
                        </p>
                        <p class="company ellipsis">
                            {{$item->company_cn}}
                        </p>
                        <div class="job-salary-box">
                            {{$item->negotiale}}
                        <span class="salary">@if($item->negotiable == 1)面议@else{{$item->min_wage}}-{{$item->max_wage}}
                            元/月@endif</span>
                            <span class="tag"><em>保障</em></span>
                        </div>
                    </div>
                @endforeach
            @endif

        </div>

    </div>
    <div class="list layui-row">
        <div class="left">
            <div class="left-title">最新招聘</div>
            <div class="left-tip">最 新 发 布 职 位</div>
            <div class="groom">
                <p>
                    <a href="{{url('/job')}}?c=301">消防工程师</a>
                    <em class="line"></em>
                    <a href="{{url('/job')}}?c=302">消防设计师</a>
                </p>

                <p>
                    <a href="{{url('/job')}}?c=303">消防维保员</a>
                    <em class="line"></em>
                    <a href="{{url('/job')}}?c=304">消防检测员</a>
                </p>

                <p>
                    <a href="{{url('/job')}}?c=305">消防负责人</a>
                    <em class="line"></em>
                    <a href="{{url('/job')}}?c=306">消防安全员</a>
                </p>

            </div>
        </div>
        <div class="content">
            @if($recommend2->first())
                @foreach($recommend2 as $item)
                    <div class="item" data-url="{{url('job/info',[$item->id])}}">
                        <div class="item-title ellipsis">{{$item->jobs_name}}</div>
                        <p class="ellipsis">
                            <span>{{$item->city_cn}}</span>
                            <em class="line"></em>

                            <span>{{!$item->experience?'经验不限':$cache['_experience'][$item->experience]}}</span>
                            <em class="line"></em>
                            <span>{{$item->amount?$item->amount.'人':'若干'}}</span>
                        </p>

                        <p class="company ellipsis">
                            {{$item->company_cn}}
                        </p>

                        <div class="job-salary-box">
                        <span class="salary">@if($item->negotiable == 1)面议@else{{$item->min_wage}}-{{$item->max_wage}}
                            元/月@endif</span>
                            <span class="tag"><em>保障</em></span>
                        </div>

                    </div>
                @endforeach
            @endif
        </div>

    </div>
    <div style="clear:both;"></div>
</div>
<script>
    $(".item").click(function () {
        window.location.href = $(this).data('url');
    });
    $(".search-button").click(function () {
        $("#search-form").submit();
    })
</script>
@include('layouts.common.foot')
@include('layouts.register')